body
{
    font-size: 11px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #232323;
    background-color: #fff;
    background-image: url("images/background.jpg");
}
.header
{
	float: right;
	color: White;
}
.header a
{
	color: White;	
}
.main-content
{
	background-color: #F8F8FF;
	margin: auto;
	width: 90%;
}
.title  
{
	font-size: 14px; 
	text-align: left; 
	margin: 2px; 
	padding: 5px; 
}
.ui-widget-content
{
	padding: 20px;
}
.ui-datepicker
{
	background-color:#F8F8FF;
}
.ui-slider-horizontal
{
	padding:initial;
}
input, select
{
	margin: 5px;
    font-size: 11px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #232323;
}
.formColumn input, select
{
	width: 200px;
}

/* Styles for basic forms
-----------------------------------------------------------*/
.border
{
	border-style: solid;
	border-color: Silver;
	border-width: 1px;
}
.upcomingGame
{
	border-style: solid;
	border-color: Silver;
	border-width: 1px;
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
}
fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
    padding: 10px;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}

/* @main table */
table 
{
    border-spacing: 2;
	border-collapse: separate;
	width:100%;
}
div.main-actions
{
	float: right;
	font-size: 11px;
	margin-top:4px;
}
div.main-actions a
{
	display: inline-block;
	margin-right: 5px;
	padding: 3px 10px 3px 10px;
}
table.main-table input, .main-table select
{
	margin-top: 2px;
	font-size: 11px;
}
table.main-table tr:hover td
{
	background-color: #E0E0E0;
}
table.main-table .trSel
{
	font-weight:bold;
}
table.main-table .tr1
{
	background-color: #f5f5f5;
}
table.main-table tr:nth-child(2n+3) 
{
    background: #E8E8E8
}
table.main-table th
{
	padding: 2px;
}
table.main-table td
{
	padding: 2px 2px 2px 4px;
}
table.main-table th.id
{
    width:65px;
}
table.main-table th.date-time
{
    vertical-align:middle;
    width:55px;
}
table.main-table th.actions
{
    vertical-align:middle;
    width:150px;
}
.main-table td.center
{
    text-align:center;
}
.main-table td.enabled
{
    color:#547435;
}
.main-table td.disabled
{
    color:#a9a9a9;
}
.main-table td div
{
    margin:2px 0 2px 0;
}
.main-table .ui-widget-header input, .main-table .ui-widget-header select
{
    width:90%;
}
.table-footer
{
	margin-top: 2px;
}
.table-footer .page_size
{
    margin-top:20px;
	width: 150px;
	height: 15px;
	padding-left:5px;
	float:left;
}
.table-footer .page_size select 
{
	width: 100px;
    font-size: 11px;
}
.table-footer .total-items
{
    margin-top:20px;
	padding: 5px;
	color: #999999;
	float:right;
}
.table-footer td
{
    text-align:left;
    vertical-align:middle;
}
/* paging */
.table-footer ul 
{
    text-align:center;
    padding: 10px 0 10px 0;
}
.table-footer ul li
{
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    padding: 7px 14px 7px 14px;
    margin: 0px 2px 0px 2px;
}
.table-footer ul li a
{
    text-decoration: none;
}

.icon   
{
	display:inline-block !important; 
	vertical-align: middle; 
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: White;
    padding: 3px;
}

.validation-summary-valid
{
    display: none;
}
.form-messages-panel  
{
	padding:5px; 
	margin-bottom:5px; 
}
.ui-state-success  
{
	color: Green; 
	background-color: #CCEEAA; 
	border:1px solid #33BB00; 
}
.message-icon  
{
	float:left; 
	margin-right:5px; 
}
.ui-state-warning  
{
	color: Black; 
	background-color: #F5F5F5; 
	border:1px solid #F88A28; 
}
.ui-state-warning ul  
{
	margin: 5px 2px 2px -10px
}